*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
.all{
    /* height: 600px; */
    width: 900px;
    margin:50px;
    position: relative;
    overflow: hidden;

}
.information{
    width: 544px;
    height: 200px;
    margin-top: 50px;
    margin-left: 100px;
    /* border: 5px solid #000; */
}

.all li{
    display: flex;
    height: 20px;
    border: 2px #e3e3e3 solid;
    margin-bottom: 5px;
    background: #eee;
    border-radius: 5px;
    margin-bottom: 15px;


}
.all p{
    width: 90px;
    text-align: justify;
    text-align-last: justify;
    padding: 0 10px;
    box-sizing: border-box;
}
.all input{
    height: 20px;
    width: 440px;
    border-radius: 0 5px 5px 0;
    border: none;
    outline-style: none;
}
.information button{
    width: 100px;
    background: none;
    border: #e3e3e3 3px solid;
    border-radius: 5px;
}
.information .preserve1{
    background: blue;
    color: #fff;
}

.data{
    margin-top: 50px;
    margin-left: 50px;
}
.data table{
    /* table-layout: fixed; */
    border-collapse: collapse;
}
.data thead{
    /* background: #eee; */
    border-top: 3px solid #e3e3e3;
    border-bottom: 3px solid #e3e3e3;
}
.data tr{
    height: 40px;
}

.data td{
    /* border: 2px solid #000; */
    padding: 0 20px;
}

.data tr:nth-child(odd){
    background: #eee;
}
.data button{
    background: #fff;
    border: #e3e3e3 3px solid;
    padding: 5px;
    border-radius: 5px;
}
.data .del{
    background: red;
    color: #fff;
}
.data .alter{
    background: green;
    color: #fff;
}

.change{
    width: 544px;
    height: 400px;
    box-shadow:  0 0 5px #000;
    /* position: absolute; */
    /* top: -5; */
    background: #fff;
    /* display: none; */
    /* z-index: 9; */
    margin-top: 30px;
    margin-left: 100px;

}
.change span {
    width: 544px;
    font-size: 19px;
    border-bottom: #e3e3e3 solid 2PX;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 429px;
    /* background: red; */
    
}
.change ul{
    margin: 50px 20px 0 ;

}
/* .change ul li{
    margin-bottom: 15px;
} */

.change > div{
    width: 544px;
    margin-top: 20px;
    /* padding-left: 400px; */
    height: 50px;
    padding-top: 20px;
    box-sizing: border-box;
    border-top: 3px #e3e3e3 solid;
}
.change button{
    margin-right: 20px;
    float:right;
    background: none;
    padding: 5px;
    border: #e3e3e3 2px solid;
    border-radius: 5px;
}
.change .preserve2{
    background: blue;
    color: #fff;
}
.bg{
    background: rgba(123, 120, 120,0.8);
    position:fixed;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
}